<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>

    <!-- Meta -->
    <meta name="description" content="Premium Quality and Responsive UI for Dashboard."/>
    <meta name="author" content="ThemePixels"/>

    <link rel="shortcut icon" th:href="@{/picture/favicon.ico}" type="image/x-icon"/>
    <title>茅台·天津 | 会员管理系统</title>

    <!-- vendor css -->
    <link th:href="@{/css/font-awesome.css}" rel="stylesheet"/>
    <link th:href="@{/css/ionicons.css}" rel="stylesheet"/>
    <link th:href="@{/css/perfect-scrollbar.css}" rel="stylesheet"/>
    <link th:href="@{/css/github.css}" rel="stylesheet"/>
    <link th:href="@{/css/jquery.datatables.css}" rel="stylesheet"/>
    <link th:href="@{/css/select2.min.css}" rel="stylesheet"/>

    <!-- Starlight CSS -->
    <link rel="stylesheet" th:href="@{/css/starlight.css}"/>
</head>

<body>

<!-- ########## START: LEFT PANEL ########## -->
<div class="sl-logo"><a href=""><img th:src="@{/picture/mt_logo_wh.jpg}" style="width: 30px; height: 30px;"/> <span
        style="font-size: 18px">会员管理系统</span></a></div>
<div class="sl-sideleft">

    <label class="sidebar-label">导航栏</label>
    <div class="sl-sideleft-menu">
        <a href="#" class="sl-menu-link active show-sub">
            <div class="sl-menu-item">
                <i class="menu-item-icon icon ion-ios-paper-outline tx-20"></i>
                <span class="menu-item-label">客户管理</span>
                <i class="menu-item-arrow fa fa-angle-down"></i>
            </div><!-- menu-item -->
        </a><!-- sl-menu-link -->
        <ul class="sl-menu-sub nav flex-column">
            <li class="nav-item"><a th:href="@{/customer/list}" class="nav-link">客户列表</a></li>
            <li class="nav-item"><a th:href="@{/customer/addCustomer}" class="nav-link active">新增客户</a></li>
            <li class="nav-item"><a th:href="@{/company/list}" class="nav-link">企业列表</a></li>
            <li class="nav-item"><a th:href="@{/customer/cusLevelList}" class="nav-link">客户等级列表</a></li>
        </ul>

        <a th:href="@{/about}" class="sl-menu-link">
            <div class="sl-menu-item">
                <i class="menu-item-icon icon ion-ios-bookmarks-outline tx-20"></i>
                <span class="menu-item-label">关于</span>
            </div><!-- menu-item -->
        </a><!-- sl-menu-link -->
    </div><!-- sl-sideleft-menu -->

</div><!-- sl-sideleft -->
<!-- ########## END: LEFT PANEL ########## -->

<!-- ########## START: HEAD PANEL ########## -->
<div class="sl-header">
    <div class="sl-header-left">
        <div class="navicon-left hidden-md-down"><a id="btnLeftMenu" href=""><i class="icon ion-navicon-round"></i></a>
        </div>
        <div class="navicon-left hidden-lg-up"><a id="btnLeftMenuMobile" href=""><i class="icon ion-navicon-round"></i></a>
        </div>
    </div><!-- sl-header-left -->
    <div class="sl-header-right">
        <nav class="nav">
            <div class="dropdown">
                <a href="" class="nav-link nav-link-profile" data-toggle="dropdown">
                    <span class="logged-name" th:text="${user.companyShortName} + ' | ' + ${user.name}">海津皇冠 | 皇冠</span>
                    <img th:src="@{/picture/moutai.png}" class="wd-32 rounded-circle" alt=""/>
                </a>
                <div class="dropdown-menu dropdown-menu-header wd-200">
                    <ul class="list-unstyled user-profile-nav">
                        <li><a href=""><i class="icon ion-ios-person-outline"></i> Edit Profile</a></li>
                        <li><a href=""><i class="icon ion-ios-gear-outline"></i> Settings</a></li>
                        <li><a href=""><i class="icon ion-ios-download-outline"></i> Downloads</a></li>
                        <li><a href=""><i class="icon ion-ios-star-outline"></i> Favorites</a></li>
                        <li><a href=""><i class="icon ion-ios-folder-outline"></i> Collections</a></li>
                        <li><a th:href="@{/logout}"><i class="icon ion-power"></i> Sign Out</a></li>
                    </ul>
                </div><!-- dropdown-menu -->
            </div><!-- dropdown -->
        </nav>
        <div class="navicon-right">
            <a id="btnRightMenu" href="" class="pos-relative">
                <i class="icon ion-ios-bell-outline"></i>
                <!-- start: if statement -->
                <span class="square-8 bg-danger"></span>
                <!-- end: if statement -->
            </a>
        </div><!-- navicon-right -->
    </div><!-- sl-header-right -->
</div><!-- sl-header -->
<!-- ########## END: HEAD PANEL ########## -->

<!-- ########## START: RIGHT PANEL ########## -->

<!-- ########## END: RIGHT PANEL ########## -->

<!-- ########## START: MAIN PANEL ########## -->
<div class="sl-mainpanel">
    <nav class="breadcrumb sl-breadcrumb">
        <!--<a class="breadcrumb-item" th:href="@{/activity/list}">茅台销售登记系统</a>-->
        <a class="breadcrumb-item" href="#">会员管理</a>
        <span class="breadcrumb-item active">会员列表</span>
    </nav>

    <div class="sl-pagebody">

        <div class="card pd-20 pd-sm-40 mg-b-10">
            <h6 class="card-body-title">新增客户信息</h6>
            <p class="mg-b-20 mg-sm-b-15">New Customer Information.</p>

            <span class="tx-uppercase tx-15 d-block mg-b-5" style="color: #0c0c0c">个人信息</span>
            <div class="progress mg-b-10">
                <div class="progress-bar bg-danger ht-2 wd-100p" role="progressbar" aria-valuenow="100"
                     aria-valuemin="0" aria-valuemax="100"></div>
            </div>
            <div class="row mg-b-20">
                <div class="col-lg-4">
                    <label class="form-control-label">客户名称: <span class="tx-danger">*</span>
                        <span class="mt-t-10 mg-sm-t-0 error_info_person" style="color: red; font-size:12px;"
                              id="cusNameInfo"/>
                    </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-person tx-16 lh-0 op-6"></i></span>
                        <input type="text" class="form-control" name="cusName" placeholder="请输入客户名称"/>
                    </div>
                </div><!-- col-4 -->

                <div class="col-lg-4">
                    <label class="form-control-label">客户类别: <span class="tx-danger">*</span></label>
                    <div class="input-group mg-t-10">
                        <label class="rdiobox">
                            <input name="cusType" type="radio" value="personal" checked="checked"/>
                            <span>个人</span>
                        </label>
                        <label class="rdiobox mg-lg-l-60">
                            <input name="cusType" value="company" type="radio"/>
                            <span>企业</span>
                        </label>
                    </div>
                </div><!-- col-3 -->

                <div class="col-lg-4">
                    <label class="form-control-label">性别: <span class="tx-danger">*</span></label>
                    <div class="input-group mg-t-10">
                        <label class="rdiobox">
                            <input name="sex" value="1" type="radio" checked="checked"/>
                            <span>先生</span>
                        </label>
                        <label class="rdiobox mg-lg-l-60">
                            <input name="sex" value="0" type="radio"/>
                            <span>女士</span>
                        </label>
                    </div>
                </div><!-- col-3 -->
            </div><!-- row -->

            <div class="row mg-b-20">
                <div class="col-lg-4">
                    <label class="form-control-label">联系方式1: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-android-call tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="contact1" placeholder="请输入联系方式"/>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">联系方式2: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-android-call tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="contact2" placeholder="请输入联系方式"/>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">身份证号:
                        <span class="mt-t-10 mg-sm-t-0 error_info_person" style="color: red; font-size:12px;"
                              id="idCardInfo"/>
                    </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-card tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="idCard" placeholder="请输入身份证号"/>
                    </div>
                </div><!-- col-4 -->
            </div>

            <div class="row mg-b-20">
                <div class="col-lg-4">
                    <label class="form-control-label">所属企业: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-briefcase tx-16 lh-0 op-6"></i></span>
                        <select class="form-control select2-show-search" data-placeholder="请选择客户所属企业" id="sel_company"
                                disabled="">

                        </select>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">记录索引:
                    </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-pricetag tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="cusIndexes" placeholder="请输入记录索引信息"/>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">生日: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-android-calendar tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="birthday" id="birthday" placeholder="请选择生日"/>
                    </div>
                </div><!-- col-4 -->

            </div>

            <div class="row mg-b-20">
                <div class="col-lg-4">
                    <label class="form-control-label">邮箱:
                        <span class="mt-t-10 mg-sm-t-0 error_info_person" style="color: red; font-size:12px;"
                              id="cusEmailInfo"/></label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-email tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="cusEmail" placeholder="请输入电子邮箱"/>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">地址: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-home tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="cusAddress" placeholder="请输入地址"/>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">需求: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-bag tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="cusNeed" placeholder="请输入客户需求"/>
                    </div>
                </div><!-- col-4 -->
            </div>

            <div class="row mg-b-20">
                <div class="col-lg-4">
                    <label class="form-control-label">爱好: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-heart tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="interest" placeholder="请输入客户爱好"/>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">客户印象: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-flag tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="impression" placeholder="请输入客户印象"/>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">备注: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-clipboard tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="cusRemarks" placeholder="请输入备注信息"/>
                    </div>
                </div><!-- col-4 -->
            </div>

            <div class="form-layout-footer mg-t-10">
                <p class="error_info_company" style="color: red; font-size:15px;" id="personMsg"/>
                <button class="btn btn-info mg-r-15" id="bt_sub_person">添加客户信息</button>
                <button class="btn btn-secondary" id="bt_reset_person">清 空</button>
            </div><!-- form-layout-footer -->

        </div><!--card end-->

        <div class="card pd-20 pd-sm-40 mg-b-10">
            <span class="tx-uppercase tx-15 d-block mg-b-5" style="color: #0c0c0c">企业信息</span>
            <div class="progress mg-b-10">
                <div class="progress-bar ht-2 wd-100p" role="progressbar" aria-valuenow="100" aria-valuemin="0"
                     aria-valuemax="100"></div>
            </div>
            <div class="row mg-b-20">
                <div class="col-lg-4">
                    <label class="form-control-label">企业名称: <span class="tx-danger">*</span>
                        <span class="form-control-label error_info_company" style="color: red; font-size:12px;"
                              id="companyNameInfo"/>
                    </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-briefcase tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="companyName" placeholder="请输入企业名称"/>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">地址: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-map tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="comAddress" placeholder="请输入企业地址"/>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">发票信息: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-briefcase tx-16 lh-0 op-6"></i></span>
                        <select class="form-control select2-show-search" data-placeholder="请选择企业发票信息" id="sel_invo">

                        </select>
                    </div>
                </div><!-- col-4 -->
            </div>

            <div class="row mg-b-20">
                <div class="col-lg-4">
                    <label class="form-control-label">记录索引: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-pricetag tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="comIndexes" placeholder="请输入记录索引信息"/>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">企业邮箱: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-email tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="comEmail" placeholder="请输入企业电子邮箱"/>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">企业性质: <span class="tx-danger">*</span></label>
                    <div class="input-group mg-t-10">
                        <label class="rdiobox">
                            <input name="nature" value="0" type="radio" checked="checked"/>
                            <span>私企</span>
                        </label>
                        <label class="rdiobox mg-lg-l-60">
                            <input name="nature" value="1" type="radio"/>
                            <span>国企</span>
                        </label>
                    </div>
                </div>
            </div>

            <div class="row mg-b-20">
                <div class="col-lg-4">
                    <label class="form-control-label">注册资金: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-cash tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="regCep" placeholder="请输入企业注册资金"/>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">客户需求: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-help-buoy tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="comNeed" placeholder="请输入客户需求"/>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">网址: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-link tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="net" placeholder="请输入公司网址"/>
                    </div>
                </div><!-- col-4 -->
            </div>

            <div class="row mg-b-20">
                <div class="col-lg-4">
                    <label class="form-control-label">备注: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-clipboard tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="comRemarks" placeholder="请输入企业备注信息"/>
                    </div>
                </div><!-- col-4 -->
            </div>

            <div class="form-layout-footer mg-t-10">
                <p class="error_info_company" style="color: red; font-size:15px;" id="companyMsg"/>
                <button class="btn btn-info mg-r-15" id="bt_sub_company">添加企业信息</button>
                <button class="btn btn-info mg-r-15" id="bt_test">测试</button>
                <button class="btn btn-secondary" id="bt_reset_company">清 空</button>
            </div><!-- form-layout-footer -->

        </div><!--card end-->

        <div class="card pd-20 pd-sm-40">
            <span class="tx-uppercase tx-15 d-block mg-b-5" style="color: #0c0c0c">企业发票信息</span>
            <div class="progress mg-b-10">
                <div class="progress-bar bg-success ht-2 wd-100p" role="progressbar" aria-valuenow="100"
                     aria-valuemin="0" aria-valuemax="100"></div>
            </div>
            <div class="row mg-b-20">
                <div class="col-lg-4">
                    <label class="form-control-label">发票抬头:
                        <span class="form-control-label error_info_invo" style="color: red; font-size:12px;"
                              id="invoNameInfo"/>
                    </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-edit tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="invoName" placeholder="请输入发票抬头"/>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">纳税人识别号:
                        <span class="form-control-label error_info_invo" style="color: red; font-size:12px;"
                              id="uniqueNoInfo"/>
                    </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i
                                    class="icon ion-document-text tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="uniqueNo" placeholder="请输入纳税人识别号"/>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">地址: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-map tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="invoAddress" placeholder="请输入地址信息"/>
                    </div>
                </div><!-- col-4 -->
            </div>

            <div class="row mg-b-20">
                <div class="col-lg-4">
                    <label class="form-control-label">电话: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-android-call tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="invoTelephone" placeholder="请输入电话"/>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">开户银行: </label>
                    <div class="input-group">
                            <span class="input-group-addon"><i
                                    class="icon ion-document-text tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="openBank" placeholder="请输入开户银行信息"/>
                    </div>
                </div><!-- col-4 -->
                <div class="col-lg-4">
                    <label class="form-control-label">开户银行账号: </label>
                    <div class="input-group">
                            <span class="input-group-addon"><i
                                    class="icon ion-document-text tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="openBankNo" placeholder="请输入开户银行账号"/>
                    </div>
                </div><!-- col-4 -->
            </div>

            <div class="row mg-b-20">
                <div class="col-lg-4">
                    <label class="form-control-label">备注: </label>
                    <div class="input-group">
                        <span class="input-group-addon"><i class="icon ion-clipboard tx-16 lh-0 op-6"></i></span>
                        <input class="form-control" type="text" name="invoRemarks" placeholder="请输入备注信息"/>
                    </div>
                </div><!-- col-4 -->
            </div>

            <div class="form-layout-footer mg-t-10">
                <p class="error_info_invo" style="color: red; font-size:15px;" id="invoMsg"/>
                <button class="btn btn-info mg-r-15" id="bt_subInvo">添加发票信息</button>
                <button class="btn btn-secondary" id="bt_reset_invo">清 空</button>
            </div><!-- form-layout-footer -->

        </div><!-- card -->

    </div><!-- sl-pagebody -->
    <footer class="sl-footer">
        <div class="footer-left">
            <div class="mg-b-2">Copyright &copy; 2018. 天津海津皇冠贸易有限公司. All Rights Reserved.</div>
        </div>
        <div class="footer-right d-flex align-items-center">Made by 海津皇冠.</div>
    </footer>
</div><!-- sl-mainpanel -->
<!-- ########## END: MAIN PANEL ########## -->


<script th:src="@{/js/jquery.js}"></script>
<script th:src="@{/js/popper.js}"></script>
<script th:src="@{/js/bootstrap.js}"></script>
<script th:src="@{/js/perfect-scrollbar.jquery.js}"></script>
<script th:src="@{/js/highlight.pack.js}"></script>
<script th:src="@{/js/jquery.datatables.js}"></script>
<script th:src="@{/js/datatables.responsive.js}"></script>
<script th:src="@{/js/select2.min.js}"></script>

<script th:src="@{/js/starlight.js}"></script>
<script th:src="@{/laydate/laydate.js}"></script>
<script th:src="@{/custom/customer-add.js}"></script>

</body>
</html>
